<template>
  <div class="user"> 
  
  
  <van-row  class="head">
    <van-col span="6" style="text-align:center">
		<van-uploader disabled>
		    <van-image round width="4rem" height="4rem" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
		</van-uploader>
	</van-col>
   <van-col span="3">
      <div class="center col"> <div > 
	  <van-icon name="chat-o" color="#ee0a24" /> </div> <div class="name"> 张三</div> </div>
   </van-col>
   <van-col span="2">
   
   </van-col>
    <van-col span="3"> 
	   <div class="center col"> <div > 3 </div> <div > 收藏</div> </div>
	</van-col>
	<van-col span="4">
	   <div class="center col"> <div > 13 </div> <div > 已报名</div> </div>
	</van-col>
	<van-col span="3">
	   <div class="center col"> <div > 1 </div> <div > 邀请</div> </div> 
	</van-col>
	<van-col span="3"> 
	   <div class="center col"> <div > 50 </div> <div > 记录</div> </div>
	</van-col>
  </van-row>
   
   
    
    
   
   
      <van-cell title="完善资料"    is-link />
      <van-cell title="我的简历"    is-link />
      <van-cell title="服务中心"  is-link />
      <van-cell title="用户设置"   is-link />
      <van-cell title="注册"   to="register" is-link />
      <van-cell title="登录"   to="login" is-link />
  </div>
</template>
<script>      

import {mapState,mapMutations} from 'vuex';  
export default {
  name: 'App',
  data(){
    return {
      active:0, 
    }
  },
  computed:{...mapState(['hash'])},
  created(){

  },
  methods: { ...mapMutations(['SetHash']),
  },
  mounted(){  
     this.SetHash(location.hash)
  },
  

}
</script>
<style scoped>
 .head{
	align-items: center;
	background: #339966;
	padding:10px;
	color:#FFF;
 }
 .name{
	font-size:20px;  font-weight: 600;word-break: keep-all
 }
</style>